import React from 'react';
import styles from './products.less';

export default function Page() {
  return (
    <div>
      <h1 className={styles.title}>Page products</h1>
    </div>
  );
}

// import React from 'react';
// import axios from 'axios';
// // 模块“"umi"”没有导出的成员“useQueryClient”。ts(2305)
// // import { useMutation, useQuery, useQueryClient } from 'umi';
// import useMutation from 'umi';
// // 模块“"umi"”没有导出的成员“useQueryClient”。ts(2305)
// // import { useQuery, useQueryClient } from 'umi';

// import styles from './products.less';
// import ProductList from '@/components/ProductList';

// export default function Page() {
//   // useQueryClient
//   const queryClient = useQueryClient();
//   // useQuery
//   const productsQuery = useQuery(['products'], {
//     queryFn() {
//       return axios.get('/api/products').then((res) => res.data);
//     },
//   });
//   const productsDeleteMutation = useMutation({
//     mutationFn(id: string) {
//       return axios.delete(`/api/products/${id}`);
//     },
//     onSettled: () => {
//       queryClient.invalidateQueries({ queryKey: ['products'] });
//     },
//   });
//   if (productsQuery.isLoading) return null;
//   return (
//     <div>
//       <h1 className={styles.title}>Page products</h1>
//       <ProductList
//         products={productsQuery.data.data}
//         onDelete={(id) => {
//           productsDeleteMutation.mutate(id);
//         }}
//       />
//     </div>
//   );
// }
// function useQuery(arg0: string[], arg1: { queryFn(): Promise<any>; }) {
//   throw new Error('Function not implemented.');
// }

